<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta name="HandheldFriendly" content="true">
		<meta name="description" content="页面描述"/>
		<meta name="keywords" content="关键字,关键字"/>
		<meta name="robots" content="index,follow"/>
		<meta name="renderer" content="webkit">
		<title></title>
		<link rel="stylesheet" href="./css/css.css" />
		<link rel="stylesheet" type="text/css" href="./css/faq.css"/>
		<link rel="stylesheet" href="./css/media.query.css" />	
		<link rel="stylesheet" href="./css/font.css" />
		<script src="js/jquery-1.7.1.js"></script>
		
	</head>
	<body>
		<div class="header">
			<div class="head_top">
				<div class="center_block">
					<div class="logo"><a href="./index.html"><img src="images/logo.png"/></a></div>
				</div>
				<div class="search_bar">
					<div class="center_block">
						<form action="" method="post">
							<input type="text" name="search" id="search" placeholder="Please enter" />
							<input type="submit" name="submit" id="submit" value="Search" />
						</form>
						<a href="javascript:;" class="search_bar_close"><img src="./images/close.png"/></a>
					</div>
				</div>
				<div class="control">
					<button class="login_btn fl">For Reseller</button>
					<span class="ft_sch"><i class="icono-search"></i></span>
					<div class="cl"></div>
					<div class="menu">
						<div class="padding">
							<a href="javascript:;" class="close"><img src="./images/close.png"/></a>
							<a href="" class="link">Where to Buy</a>
							<div class="row">
								<span>Products</span>
								<div class="alink">
									<a href="" target="_blank">Boosters</a>
									<a href="" target="_blank">Antennas</a>
									<a href="" target="_blank">Other Accessories</a>
								</div>
							</div>
							<div class="row">
								<span>About</span>
								<div class="alink">
									<a href="" target="_blank">About SureCall</a>
									<a href="" target="_blank">Why SureCall</a>
								</div>
							</div>
							<div class="row">
								<span>Media</span>
								<div class="alink">
									<a href="" target="_blank">Press Releases</a>
									<a href="" target="_blank">Case Studies</a>
									<a href="" target="_blank">Marketing Materials</a>
									<a href="" target="_blank">Articles</a>
								</div>
							</div>
							<div class="row">
								<span>Events</span>
								<div class="alink">
									<a href="" target="_blank">Trade Shows</a>
									<a href="" target="_blank">Video Channel</a>
								</div>
							</div>
							<div class="row">
								<span>Supports</span>
								<div class="alink">
									<a href="" target="_blank">Where to Buy</a>
									<a href="" target="_blank">Find a Installer</a>
									<a href="" target="_blank">Antenna Separation</a>
									<a href="" target="_blank">Phone Test Mode</a>
									<a href="" target="_blank">Coverage Calculator</a>
									<a href="" target="_blank">Find your Frequency</a>
								</div>
							</div>
							<div class="row">
								<span>Join Us</span>
								<div class="alink">
									<a href="" target="_blank">Reseller Application</a>
									<a href="" target="_blank">Installer Cetificaltion</a>
								</div>
							</div>
							<div class="row icon">
								<a href="" class="icon1"></a>
								<a href="" class="icon2"></a>
								<a href="" class="icon3"></a>
								<a href="" class="icon4"></a>
							</div>
						</div>
					</div>
					<a href="javascript:;" class="menu_btn">
						<span></span>
						<span></span>
						<span></span>
					</a>
				</div>
				<div class="cl"></div>
			</div>
			<div class="static_banner static_banner1">
				<div class="center_block">
					<p class="p1"><span class="span1">SupPort</span><span class="span2">FAQ</span></p>
					<div class="hr"></div>
					<p class="p2">News, events, projects, ideas and our thoughts</p>
				</div>
			</div>
		</div>
		<div class="main">
			<div class="faq_center_block">				
				<div class="links">
					<a href="" target="_blank">TRADE SHOWS</a>
					<a href="" target="_blank" class="cur">VIDEO  CHANNEL</a>					
				</div>
				<div style="height: 54px;"></div>
			</div>
			<div class="faq_list faq_list_video">
				
                <div class="faq_video_row" >                	
					<div class="faq_video_center">
						<div class="faq_video_left">							
						    <video id="myVideo" controls >
						    	<source src="" type="video/mp4"></source>
						    	<object  type="application/x-shockwave-flash" data="myvideo.swf">
						    		<param name="movie" value="myvideo.swf" />
						    		<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
						    	</object>
						    	当前浏览器不支持 video直接播放，点击这里下载视频： <a href="#">下载视频</a>
						    </video>
						</div>
						<div class="faq_video_right">	
						    <h2></h2>
						    <p>								
						    </p>
						</div>
					</div>
                </div>			    
			    <div id="pichuan">
					<ul class="faq_video_base">
						<li class="v_m parinforma" >
							<div class="row1" >
								<img class="active" src="images/icon-video.png">
								<img src="images/Video_05.jpg"  alt="" />	
							</div>
							<h3>Reviews Flex2Go Mobile Booster Mobile Booster</h3>
							<p>Aug  08  2015</p>
							<div class="summary" style="display: none;" >
								Kevin Taylor of Powerful Signal
								reviews the new Flex2Go and shows
								how you can stay in touch even 
								when you're on the go 1.
							</div>
							<div class="video" video="http://play.videojj.com/20151119/yingyong_gg1_mp4/yingyong_gg1_720p.mp4" style="display: none;"></div>
						</li>
						<li class="parinforma">		
							<div class="row1" >
								<img class="active" src="images/icon-video.png">
								<img src="images/Video_05.jpg"  alt="" />	
							</div>
							<h3>Reviews Flex2Go Mobile Booster Mobile Booster Mobile Booster</h3>
							<p>Aug  08  2015</p>
							<div class="summary" style="display: none;" >
								Kevin Taylor of Powerful Signal
								reviews the new Flex2Go and shows
								how you can stay in touch even 
								when you're on the go 2.
							</div>
							<div class="video" video="http://animademo.sinaapp.com/html5_video/videos/echo-hereweare.mp4" style="display: none;"></div>
						</li>
						<li class="v_m parinforma">		
							<div class="row1" >
								<img class="active" src="images/icon-video.png">
								<img src="images/Video_05.jpg"  alt="" />	
							</div>
							<h3>Reviews Flex2Go Mobile Booster</h3>
							<p>Aug  08  2015</p>
							<div class="summary" style="display: none;" >
								Kevin Taylor of Powerful Signal
								reviews the new Flex2Go and shows
								how you can stay in touch even 
								when you're on the go 3.
							</div>
							<div class="video" video="http://movie.ks.js.cn/flv/other/1_0.mp4" style="display: none;"></div>
						</li>
						<li class="parinforma">		
							<div class="row1" >
								<img class="active" src="images/icon-video.png">
								<img src="images/Video_05.jpg"  alt="" />	
							</div>
							<h3>Reviews Flex2Go Mobile Booster</h3>
							<p>Aug  08  2015</p>
							<div class="summary" style="display: none;" >
								Kevin Taylor of Powerful Signal
								reviews the new Flex2Go and shows
								how you can stay in touch even 
								when you're on the go 4.
							</div>
							<div class="video" video="http://animademo.sinaapp.com/html5_video/videos/echo-hereweare.mp4" style="display: none;"></div>
						</li>
						<li class="v_m parinforma">		
							<div class="row1" >
								<img class="active" src="images/icon-video.png">
								<img src="images/Video_05.jpg"  alt="" />	
							</div>
							<h3>Reviews Flex2Go Mobile Booster</h3>
							<p>Aug  08  2015</p>
							<div class="summary" style="display: none;" >
								Kevin Taylor of Powerful Signal
								reviews the new Flex2Go and shows
								how you can stay in touch even 
								when you're on the go 5.
							</div>
							<div class="video" video="http://play.videojj.com/20151119/yingyong_gg1_mp4/yingyong_gg1_720p.mp4" style="display: none;"></div>
						</li>
						<li class="parinforma">		
							<div class="row1" >
								<img class="active" src="images/icon-video.png">
								<img src="images/Video_05.jpg"  alt="" />	
							</div>
							<h3>Reviews Flex2Go Mobile Booster</h3>
							<p>Aug  08  2015</p>
							<div class="summary" style="display: none;" >
								Kevin Taylor of Powerful Signal
								reviews the new Flex2Go and shows
								how you can stay in touch even 
								when you're on the go 6.
							</div>
							<div class="video" video="http://movie.ks.js.cn/flv/other/1_0.mp4" style="display: none;"></div>
						</li>
					</ul>					
			   </div>
				
			</div>
			
			<div class="page_turn" id="page_turn">
				<div class="faq_center_block">
					<a href="" class="fl">←</a>
					<a href="" class="cur">1</a>
					<a href="">2</a>
					<a href="">3</a>
					<a href="">4</a>
					<a href="">5</a>
					<a href="" class="fr t_active" id="page_blue_fr">→</a>
					<div class="cl"></div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="foot_top">
				<div class="center_block">
					<span>SureCall Inc.</span>
					<a href="" target="_blank">About</a>
					<a href="" target="_blank">Contact Us</a>
					<a href="" target="_blank">Join Us</a>
					<a href="" target="_blank">Support</a>
					<a href="" target="_blank">Site Map</a>
				</div>
			</div>
			<div class="foot_bottom">
				<div class="center_block">
					<p>© 2016 SureCall  All Rights Reserved</p>
				</div>
			</div>
		</div>
		<div class="main_opacity">
			<div class="opacity_bg"></div>
			<div class="login_block">
				<form action="" method="post">
					<input type="text" name="username" id="username" autocomplete="off" placeholder="UserName" />
					<input type="password" name="password" id="password" autocomplete="off" placeholder="PassWord" />
					<input type="submit" name="login" id="login" value="login" />
				</form>
			</div>
		</div>
		
		<div class="reveal-modal-bg" style="display: none; cursor: pointer;"></div>
	<script type="text/javascript" src="./js/js.js"></script>
	<script type="text/javascript">	
	$(function(){
		
		$('.parinforma').hover(function(){
			$(this).find('img.active').attr('src','images/icon-video1.png');
		},function(){
			$(this).find('img.active').attr('src','images/icon-video.png');
		});
		$('#myVideo').attr('src',$(".parinforma .video").eq(0).attr('video'));
		$('.faq_video_right h2').html($('.parinforma h3').eq(0).html());
		$('.faq_video_right p').html($('.parinforma .summary').eq(0).html());
		
		$(".parinforma .row1").click(function(){
			var $this = $(this).parent('.parinforma').index();
			$('#myVideo').attr('src',$(this).siblings('.video').attr('video'));
			$('.faq_video_right h2').html($(this).siblings('h3').html());
			$('.faq_video_right p').html($(this).siblings('.summary').html());
			
			$('html,body').animate({scrollTop : $('#myVideo').height()},1000);			
			
		});	
		
		
		
	})
	
	   
		
		
    </script>
	
	
	
	</body>
</html>
